Estoy tratando de aprender Typescript con React, pero este error se interpuso en mi camino. No entiendo por qué está sucediendo. Aquí está. Creando una matriz de cadenas que parece una matriz de colores allí abajo. Quiero crear tipos basados en los valores de esa matriz ("blanco" | "rojo" | "azul").
const colors = ["white", "red", "blue"] as const; type Colors= typeof colors[number];Si lo hago así, funciona, Colors ha querido tipos
const colorsArr = ["white", "red", "blue"]; const colors = colorsArr as const type Colors = typeof colors[number]Pero si lo hago así, no es así, y obtengo un error de afirmación "const".
Ni siquiera funciona si copio una matriz de colores como [...colorsArr] o colorsArr.slice()
¿Cómo funciona?
Se utiliza una aserción const con valores literales de objeto/matriz/cadena/numéricos para indicarle al compilador que conserve un tipo más específico para estos valores. No se puede aplicar a expresiones arbitrarias como otra variable; esta es una advertencia documentada .
Si tú escribes
const colors = ["white", "red", "blue"] as const; luego, el compilador infiere el tipo de readonly ["white", "red", "blue"] para los colors . El compilador conoce el valor y la posición de cada miembro de esa matriz y no le permitirá cambiar nada de eso.
Por otro lado, si lo dejas as const ,
const colors = ["white", "red", "blue"]; luego el compilador infiere string[] para colors . Es solo una matriz de cadenas de cantidad, valor u orden desconocidos. Eso es a menudo lo que la gente quiere, ya que tal vez le gustaría escribir colors.push("purple") . Pero el compilador se ha olvidado por completo de los literales de cadena específicos en colors y cuál era su orden. Esa información se ha ido.
no puedes escribir
const colors2 = colors as const; // error y hacer que haga cualquier cosa. Incluso si no hubiera un error del compilador, no tendría ningún efecto útil. El tipo de colors es string[] . Escribir colors as const no puede recuperar la información de tipo que se descartó anteriormente. Esa información se ha ido. En el mejor de los casos, obtendría que colors2 también es string[] .
Enlace del patio de recreo al código
type Colors= typeof colors[number];